<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
   <head>
      <title>floatz - Basic concepts example</title>
      <meta http-equiv="content-type" content="text/html; CHARSET=iso-8859-1" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <meta http-equiv="content-language" content="en" />
      <meta name="author" content="" />
      <meta name="robots" content="index,follow" />
      <meta name="description" content="" />
      <link rel="stylesheet" type="text/css" href="styles/project.css" />
      <script type="text/javascript" src="styles/floatz-1.1.1/scripts/jquery-1.4.1.min.js"></script>
      <script type="text/javascript" src="styles/floatz-1.1.1/scripts/floatz.js"></script>
      <script type="text/javascript" src="scripts/project.js"></script>
      <style type="text/css">
         .flz_box {
            background: #aaaccc;
         }
      </style>
   </head>
   <body>
      <!-- page -->
      <div id="flz_page">
         <h1>Normal float</h1>
         <div class="flz_box flz_l50">
            box 1
         </div>
         <div class="flz_box flz_r50">
            box 2
         </div>

         <h1>Cleared float</h1>
         <div class="flz_box flz_l50">
            box 1
         </div>
         <div class="flz_box flz_r50 flz_clear">
            box 2
         </div>
      </div>
   </body>
</html>
